*{ margin:0;padding:0;font-family: "Microsoft YaHei"; }
html{background:#FFF;color:#000;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ position:relative; color:#444;font-size:14px; z-index:2; min-width:1200px;}
li{ list-style:none;}
.wrapper{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{float: right;}
.clear:after{display: block;content: '';clear: both;}
/*********************  Index  Start   *****************************************/
/*top*/
.header{ width: 100%; height: 40px; background: #f7f7f7; margin: 0 auto; line-height: 40px;}
.header p{ color: #878787;font-size: 12px;}
#top{ width:100%; height:auto; margin:0 auto;}
.top{ width:1200px; height:88px; margin:0 auto; line-height: 35px; color: #707070; font-size: 16px;  box-sizing: border-box;}
.logo{ width:405px; height:88px; float:left;}
.logo img{ padding-top:5px;}
.nav{ width: 715px; height: 88px; float: right; }
.nav li{ display: inline-block; width: 115px; text-align: center; line-height: 88px; font-size:14px; }
.nav li:after{ content: ''; display: block; width: 1px; height: 8px; background: #cfcfcf;float: right; margin-top: -49px;}
.nav li:last-child:after{ background: none;}
.nav li a{ display: inline-block; width: 100%; font-size: 14px; color:#333333 ; }
.nav li a:hover{ color: #d1020c;  }
.banner_w{ width: 100%; height:550px; overflow: hidden;}
/*search*/
#key{ height:60px;  margin:0 auto; overflow:hidden; width:100%;  background:#f7f7f7;}
.key{  width:1200px; height:60px; margin: auto; font-size: 14px; line-height: 60px; color: #999999; font-weight: bold;  text-indent:30px;}
.key-left{ width:830px; float:left;opacity:0.8; color:#545454; font-size:14px; letter-spacing:2px;}
.key a{ padding: 0 10px; color: #545454; font-weight: normal;}
.key form{ float: right;  width: 250px; height: 30px; overflow: hidden; background:#f3f3f3; border:1px solid #dcd7c5;  margin-top:15px;}
.key .form{  width: 250px; height: 45px;  overflow: hidden; background:#fff; margin-top:2px; margin-left:2px;}
.key input[type=text]{ width: 200px; height: 27px;  text-indent: 1em; float: left; outline: none; border: none; background:none; font-weight:normal;}
.key input[type=submit]{ width: 30px; height: 30px; cursor: pointer;background: url("../images/search.png") no-repeat center; float: right; position: relative; top: 0; border: none; margin-top:-47px; margin-right:5px;}
input::-webkit-input-placeholder { color: #dedede !important; /* WebKit browsers */}
input:-moz-placeholder { color: #dedede !important; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder { color: #dedede !important; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder { color: #dedede !important; /* Internet Explorer 10+ */  }
.index-product{ width: 100%; margin: 0 auto; padding-top: 50px;padding-bottom: 50px;}
.pro_list{ width:240px; height:auto; float:left;border:1px solid #ebebeb; }
.pro_list .title{ width:240px; height:80px;  background:#d1020c url("../images/pro_list.png")  no-repeat center right 20px; }
.pro_list .title h1{color:#fff; font-size:18px;font-weight:bold; text-align:left;padding-top: 25px; text-indent: 45px; }
.pro_list .title p{ color: #fff; font-size: 12px;text-indent: 45px;}
.pro_list ul{ width:240px; height:auto; }
.pro_list ul li{ float:left; width:238px; height:50px; border-bottom:1px solid #ebebeb; line-height:50px; text-align:left; font-size:14px; color:#3c3c3c; text-indent:25px; background:#fff; font-weight:500;}
.pro_list ul li:hover{ background:#fff url("../images/pro_li.png")  no-repeat center left; }
.pro_list ul li:hover a{ font-weight: bold;}
.product_con{ width:925px; float:right;}
.product_con h1{ width:100%; height:45px;  color:#d1020c; font-size:18px; font-weight:400; float:left; border: 1px solid #d1020c; line-height: 45px; text-indent: 20px;}
.product_con span{ color: #d3d3d3; font-size: 12px;}
.product_con small{ color:#d1020c; font-weight:normal; margin-right:40px; float:right; font-size:14px; line-height:50px; }
.zixun{ width:240px; background:url("../images/zixun.png")  no-repeat center; height:155px; float:left;}
.zixun h1{ text-align:left; color:#fff; font-size:14px; height:20px; font-weight:400; width: 170px; padding-top: 75px; margin: 0 auto;}
.zixun h2{  color:#fff;  font-size:14px; text-align:left; font-weight:400; width: 170px; margin: 0 auto; line-height: 25px;}
#fczs_gd{margin-top: 20px;}
#fczs_gd ul{width:1951px;overflow: hidden;}
#fczs_gd ul li{width: 307px;height:255px;float: left;margin-right:16px; margin-bottom:40px;}
#fczs_gd ul li .pic{
	width: 100%;height: 100%;
	   
}
#fczs_gd ul li img{display: block;width:100%;height:100%;overflow: hidden; margin:0 auto;object-fit: cover; }
#fczs_gd ul li p{ background:#fff; width:100%;  line-height: 30px; text-align: center;}
#fczs_gd ul li:hover p{ background: #d1020c; color: #fff;}
.lianxi{ width: 100%; height: 230px; background:url('../images/lianxi.png')no-repeat center; margin: 0 auto;}
.lianxi p{ color: #fff; font-size: 24px; font-weight: bold; text-align: center; padding-top: 163px; padding-left: 100px;}
.index-case{ width: 100%; margin: 0 auto; padding-top: 25px;}
.index-case h1{ color: #ebebeb;font-size: 36px; font-weight: bold; text-align: center;}
.index-case h2{ color: #d1020c;font-size: 24px; font-weight: 400;margin-top: -30px;text-align: center;}
.mr_frbox { height:250px; position:relative;margin-top:20px; }
.mr_frBtnL { cursor: pointer; width:45px; height:45px; background:url(../images/mfrl.png) no-repeat; position:absolute; margin-top:-175px; margin-left:-50px; }
.mr_frBtnR { cursor: pointer; width:45px; height:45px; background:url(../images/mfrr.png) no-repeat; position:absolute; right:0; margin-top:-175px; margin-right:-50px; }
.mr_frUl { width: 1200px; height: 250px; margin:0 auto; padding-top:15px; }
.mr_frUl ul li { width:275px; height:220px; text-align:center; float: left; margin-right:30px; }
.mr_frUl ul li img { display: block; width: 100%; height: 100%; -webkit-transition-delay: 0.15s; transition-delay: 0.15s;object-fit: cover; }
.mr_frUl ul li b { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; background: #404040; }
.mr_frUl ul li b:before { top: 30px; right: 20px; bottom: 30px; left: 20px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 2; }
.mr_frUl ul li b:after, .product_list li b:before { pointer-events: none; position: absolute; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.mr_frUl ul li b:after { top: 20px; right: 30px; bottom: 20px; left: 30px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.mr_frUl ul li b span {display: block; background:url(../images/sea.png) no-repeat center; width: 60px; height: 60px; margin-top: -120px; margin-left: 110px;  }
.mr_frUl ul li p{ line-height: 40px; color: #d1020c;font-size: 16px;}
.mr_frUl ul li:hover img { opacity: 0.2; }
.index-company{ width: 100%; margin: 0 auto; background: #f7f7f7; padding-top: 35px;padding-bottom: 40px;}
.index-company h3{ color: #ebebeb;font-size: 36px; font-weight: bold; text-align: center;}
.index-company h2{ color: #d1020c;font-size: 24px; font-weight: 400;margin-top: -30px;text-align: center;}
.com-left{ width: 550px;height: 307px; margin-left: 17px;}
.com-left img{ display: block; max-width: 100%;}
.com-right{ width: 600px;margin-top: 70px;}
.com-right h1{ color: #3d3d3d;font-size: 26px; font-weight: bold;}
.com-right small{ color: #bcbcbc;font-size: 12px; font-weight: 400; padding-top: 10px;}
.com-right p{ color: #6c6c6c;font-size: 16px;line-height: 28px; padding-top:30px; }
.com-right a{ display: block; width: 120px;height: 30px; line-height: 30px;text-align: center; color: #fff; font-size: 16px;background: #d1020c; margin-top: 35px;}
.com_w{ width:100%; height:400px; margin:0 auto; background:url('../images/com.png')no-repeat center;}
.com_wrapper{ width:1200px; height:auto; margin:0 auto;}
.com_left{ width:905px; float:left; margin-top:30px;}
.com_title{ height:45px; background:url('../images/com_title.png')no-repeat center left; margin-bottom:30px;}
.com_title h1{ font-size:25px; color:#333333; font-weight:bold; text-indent:30px;}
.com_title h2{ font-size:10px; color:#8e8e8e; font-weight:normal; text-indent:30px;}
.com_left h3{ width:895px; color:#444444; font-size:14px;; line-height:30px; text-indent:30px; }
.com_left a{ display:block; width:134px; height:39px; border:1px solid#ae0202; margin-top:25px;}
.com_left p{ display:block; width:130px; height:35px; margin:0 auto; margin-top:2px; background:#ae0202; color:#fff; text-align:center; line-height:35px;}
.index-news{ width: 100%; margin: 0 auto; padding-top: 15px; padding-bottom: 45px;}
.news-left{ width: 575px; }
.news-left h1{ width:100%; height:45px;  color:#3c3c3c; font-size:20px; font-weight:400; float:left;  line-height: 45px;  background: url(../images/line1.png) no-repeat center bottom;}
.news-left span{ color: #bcbcbc; font-size: 12px;}
.news-left small{ color:#3c3c3c; font-weight:normal;  float:right; font-size:14px; line-height:50px; }
.news-left ul li{ width: 100%; height: 95px; float: left;margin-top: 20px;}
.news-left ul li .img{ width: 155px; height: 95px; overflow: hidden;float: left;}
.news-left ul li .img img{ display: block; width: 155px; height: 95px; cursor: pointer;   transition: all 0.6s;}
.news-left ul li:hover .img img{ transform: scale(1.2);}
.news-left ul li .text{ width: 385px; float: right; padding-left:35px;height: 95px;}
.news-left ul li span{ color: #2d2d2d;font-size: 14px;display: block; padding-top: 10px;} 
.news-left ul li p{ color: #636363;font-size: 14px; line-height: 25px; padding-top: 10px;}
.news-left ul li:hover .text{ background: #d1020c;} 
.news-left ul li:hover .text span{ color: #fff;}
.news-left ul li:hover .text p{ color: #fff;}
.news-right{ width: 570px; }
.news-right h1{ width:100%; height:45px;  color:#3c3c3c; font-size:20px; font-weight:400; float:left;  line-height: 45px;  background: url(../images/line1.png) no-repeat center bottom;}
.news-right span{ color: #bcbcbc; font-size: 12px;}
.news-right small{ color:#3c3c3c; font-weight:normal;  float:right; font-size:14px; line-height:50px; }
.news-right ul li{ width: 100%; height: 125px; float: left;margin-top: 20px; border-bottom: 1px dashed #bcbcbc;}
.news-right ul li .img{ width: 185px; height:105px; overflow: hidden;float: left;}
.news-right ul li .img img{ display: block; width: 155px; height: 95px; cursor: pointer;   transition: all 0.6s;}
.news-right ul li:hover .img img{ transform: scale(1.2);}
.news-right ul li .text{ width: 365px; float: right;}
.news-right ul li span{ color: #2d2d2d;font-size: 14px;display: block; } 
.news-right ul li p{ color: #636363;font-size: 14px; line-height: 25px; padding-top: 25px;}
.news-right ol li{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #bcbcbc;float: left; background: url(../images/news-li.png) no-repeat center left; text-indent: 20px;}
.news-right ol li span{ color: #585858;font-size: 14px;}
.news-right ol li b{float: right; font-weight: 400;}



/*******Css sprite*******/


/*message*/
.msg_w{width:100%; height:auto; margin:0 auto; background:url(../images/news.png) no-repeat center;}
.msg_cn{ width: 1200px; margin: auto; overflow: hidden; padding-bottom: 50px; }
.end_msg{ width: 1200px; margin: auto; padding-top:20px;}
.msg_left{ background:url(../images/new.jpg) no-repeat; width:600px; height:245px; position:absolute; }
.msg_right{ background:#fff; width:625px; height:245px; float:right; margin-top:-20px;}
.msg_right li{ width:514px; height:auto; margin:0 auto; padding-top:30px;}
.msg_right li h1{ color:#404040; font-size:16px; }
.msg_right li h1 small{ float:right; font-size:12px; color:#acacac;}
.msg_right li p{ color:#868686; font-size:14px; padding-top::30px;}
.msg_right li h2{ font-size:14px; color:#01b4b5;}
.col-sm-9{ width: 75%; float: left;}
.col-ml-3{ margin-left: 10%;}
.col-sm-12{ width: 100%; float: left;}
.col-sm-2{ width: 16.6666%; float: left;}
.col-sm-3{ width: 25%; float: left;}
.col-sm-4{ width: 33.3%; float: left;}
.code_img{ position: relative; left: 30px; top: 6px;}
.wow{ box-sizing: border-box; }
.form-control {
    display: inline-block;  box-sizing: border-box;
    width: 98%; padding: 0 10px; margin-bottom: 15px; font-size: 14px; line-height: 35px; color: #7a7a7a;
    border: 1px solid #656565; resize: none; vertical-align: middle;
    -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
}
.msg_btn{ clear: both; }
#content{ width: 99%;}
.form-group{ position: relative;}

.sprite-imail{width:23px;height:16px;background-position:-10px -10px; top: 10px;}
.sprite-iname{width:25px;height:25px;background-position:-10px -46px;}
.sprite-iphone{width:22px;height:24px;background-position:-55px -10px;}
.sprite-itxt{width:23px;height:21px;background-position:-55px -54px;}
[type="text"]:hover, textarea:hover{ outline: 1px solid #aeaeae; border-color: #555; color: #b5b5b5;}
[type="text"]:focus, textarea:focus { outline: 1px solid #a2a2a2; border-color: #a6a6a6; color: #b5b5b5;}
input::-webkit-input-placeholder { color: #ababab !important; /* WebKit browsers */}
input:-moz-placeholder { color: #ababab !important; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder { color: #ababab !important; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder { color: #ababab !important; /* Internet Explorer 10+ */  }

/*footer*/
.footer_w{ width: 100%; height: auto;background: #3c3c3c;}
.footer_cn{ width: 1200px; height: 254px; margin: auto; line-height: 30px; padding: 20px 0; box-sizing: border-box;}
.footer1 { width: 130px; float: left; margin-right: 65px;padding-top: 60px;}
.footer1 img{ display: block; width: 130px;height: 130px;}
.footer2{ width: 360px; float: left;   padding-top: 70px;}
.footer2 p{ color: #c3c3c3;font-size: 14px; line-height: 28px;}
.footer3{ width: 455px; float: right; margin-right: 80px;margin-top: 75px;}
.footer3 ul li{ width: 25%; float: left; text-align: center;line-height: 50px;}
.footer3 ul li a{ color: #c3c3c3;font-size: 14px;}

.footer_icp{ width: 100%; height: 30px; background: #1f1f1f;}
.footer_icp>div{ width: 1200px; margin: auto;  color: #c1c1c1; line-height: 30px;}
.footer_icp a{ float: right; color: #c1c1c1;}

/*left*/


/****************************    Index  End   ***********************************/

/****************************    Company  Start   ***********************************/


/*com_top*/
.main_w{ width: 100%; height: auto; background: #fff; padding: 30px 0;}
.main_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto; padding-bottom: 20px;}

.comp_top{ background: url("../images/common.png") center no-repeat; background-size: 100% 100%;}
.pro_top{ background: url("../images/common.png") center no-repeat; background-size: 100% 100%;}
.news_top{ background: url("../images/common.png") center no-repeat; background-size: 100% 100%;}
.fresh_top{ background: url("../images/common.png") center no-repeat; background-size: 100% 100%;}

.top_cn{ width: 1200px; height: 350px; margin: auto; text-align: center; position: relative;}
.top_cn span{ font-size: 48px; color: #fff; line-height: 350px; text-transform: uppercase;}
.top_cn span i{ font-weight: lighter;}
.top_cn .loc{ position: absolute; bottom: 0; right: 0; text-align: center; font-size: 18px; color: #fff; line-height: 3em;}
.com_compL{ width: 550px; float: left; font-size: 16px; box-sizing: border-box; padding: 20px;}
.com_compR{ width: 550px; float: right;}

/*comp*/



/****************************    Company  End   ***********************************/


/****************************    Product  Start   ***********************************/
.proDetail{ width: 900px; float: right;}

.pro_cont ul{ display: none; overflow: hidden;}
.pro_cont ul:first-child{ display: block;}
.pro_cont li{ width: 288px; float: left; margin-right: 12px; text-align: center;}
.pro_cont li:last-child{ margin-right: 0;}
.pro_cont a{ display: inline-block; width: 288px; height: 231px;}
.pro_cont a img{ width: 286px; height: 225px; border: 1px solid #dcdcdc; margin: 0; font-size: 40px; line-height: 225px; color: #13893f;}
.pro_cont li span{ font-size: 16px; color: #212121; line-height: 50px;}
.pro_cont li span img{ margin-right: 10px; position: relative;}
.pro_cont li:hover span{  color: #13893f;}

/****************************    Product  End   ***********************************/

/****************************    News  Start   ***********************************/
.new_news_w{ width: 100%; height: auto; overflow: hidden;}
.new_news_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
.new_news_img{ width:235px; height:189px; float:left; border: 1px solid #13893f; margin-right: 30px; position: relative;left: 0; top: 0;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_img img{ width: 237px; height: 190px; position: relative;left: -1px; top: -1px;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_main{ width:100%; height:auto; box-sizing: border-box; padding: 0 20px;}
.new_news_main a{ width:100%; height:150px; display:block; color: #a6a6a6; font-size: 16px;}
.new_news_main a h2{ color:#252525; font-size: 18px; line-height: 50px;}
.new_news_main a p{ color:#5a5a5a; font-size: 16px; margin: 10px 0;}
.new_news_arrow{ display: none; width: 32px; height: 150px; border: 1px solid #d2d2d2; float: right; font-size: 40px; color: #d2d2d2; text-align: center; line-height: 188px; font-weight: lighter;}
.new_news_ul{ width: 1190px; height: auto; margin: auto; padding: 30px 0;}
.new_news_ul li{ height: auto; margin-bottom: 40px; overflow: hidden; border: 1px solid #ddd;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_ul li:hover{ box-shadow: 0 0 10px #000;}
.new_news_ul li:hover .new_news_arrow{ border-color: #13893f; color: #13893f;}
/*.new_news_ul li:hover .new_news_img{ left: 13px; top: 13px;}*/
/*.new_news_ul li:hover .new_news_img img{ left: -14px; top: -14px;}*/
.new_news_ul li:hover h2{ color:#13893f;}

#prev_next li{ display: block; width: 100%; height: 30px; text-align: left; font-size:14px;}

.pro_prod_content{ width: 1200px; height: auto; margin: auto; overflow: hidden; padding-bottom: 50px; position: relative;}
.pro_info_img{ display: block; margin: auto; max-height: 700px;}
.pro_info_txt{ font-size: 18px; text-align: center; line-height: 50px;}
.pro_info_cn{ padding: 10px 100px; box-sizing: border-box; font-size: 16px;}
.pro_info_cn img{ display: block; margin: auto;}


.food_info_tit_bg{margin:30px 0 20px 0;width:100%;height:30px;background:#ececec; float:left;}
.food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background: #d1020c;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;}


/****************************    News  End   ***********************************/
/****************************    Contact  Start   ***********************************/

.con_cont_link{ width: 1200px; height: auto; margin: 50px auto;}
.con_cont_link>img{ float: left;}
.con_cont_link span{ padding: 0 20px; font-size: 14px; line-height: 35px; position: relative; top: 10px;}
.con_cont_link span>img{ margin-right: 10px; position: relative; top: 3px;}
#allmap{width:100%;height:440px;overflow:hidden;}
#allmap p{line-height:10px;margin:10px;}

/****************************    Contact  Start   ***********************************/
.net_cn{ width: 1200px; height: auto; margin: 30px auto; overflow: hidden;}
#ChinaMap{ width: 500px; height: 400px; float: left;}
.net_info{ width: 600px; height: auto; float: right;font-size: 15px; line-height: 30px;}
.net_info table{ border-left: 1px solid #333333; border-top: 1px solid #333333;}
.net_info td{ border-right: 1px solid #333333; border-bottom: 1px solid #333333; padding: 2px 10px;}
.net_info tr:nth-child(odd){ background: #eaeaea;}
.page{ margin:10px 20px 15px 0; clear: both;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

/*public*/
.allleft{ width:265px; height:100%; overflow:hidden;float:left; padding-bottom:20px;}

.main{width:1200px; height:100%; overflow:hidden;margin:0 auto; padding-top:50px; margin-bottom:50px;}
.allcon{width:1200px; height:100%; overflow:hidden;}
.concompany{ width:910px;height:100%; overflow:hidden;float:right;font-family:"Microsoft YaHei";}
.concompanylogo{width:100%; height:52px; float:left; font-family:"Microsoft YaHei"; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.honorlogo1{ height:52px; display:block; float:left; color:#3c3c3c; font-size: 24px; line-height:60px; }
.honorlogo2{ float:right; padding-right:10px; color:#939393; margin-top:20px; background:url("../images/tubiao.png") no-repeat center left; text-indent:20px;}
.honorlogo2 a{color:#939393;}
.concompanylogo>a{ width:85px; height:52px; float:right; display:block; font-size:14px; color:#7d7d7d; line-height:62px; text-indent:25px;}
.concompanylogo>a:hover{ color:#c1050d;}

.concompanycon{ width:100%; height:100%; overflow:hidden; margin:0 auto; }

.prolist{ width:265px; height:auto; float:left; font-family:"Microsoft YaHei";}
.prolist_title{ width:100%; height:90px; float:left; background: #0852c1; font-size:28px; color:#fff; line-height:85px; text-indent:20px; float:left;}
.prolist_title span{ display: block; font-size: 16px; margin-top:-75px; margin-left:115px;}
.prolist_con{ width:100%; height:auto; overflow:hidden; float:left; background: #e9e9e9; padding-bottom: 40px; }
.upline{ width:100%; height:2px; overflow:hidden; float:left;}
.prolistcon{ width:265px; height:auto; overflow:hidden; float:left;}
.type_sub li a{width:247px; height:63px; display:block; line-height: 63px; font-size: 16px; color: #2c2c2c; text-indent: 20px; border-bottom:1px dashed #c1c1c1; margin:0 auto; background :url("../images/pro_li.png") no-repeat center right;}
.type_sub li a:hover{ color: #0852c1;background :url("../images/pro_ho.png") no-repeat center right;}

.left_contact{width: 263px; height: 263px; background: url("../images/left_contact.png") top center no-repeat; float: left; border:1px solid#c9c9c9; margin-top:20px;}
.left_contact ul{ padding-top:130px;}
.left_contact ul li{ height:30px; line-height:30px; border-bottom:1px dashed#b0b0b0; color:#b0b0b0; font-size:12px; padding-left:10px; }
.left_contact ul li img{ padding-right:10px;}
.left_contact a{ width: 100%; height: 123px; display: block; overflow: hidden;}
.left_contact span{ margin-top: 90px; text-align: center; color: #fff; display: block; font-size: 16px; font-family: "Microsoft YaHei";}

.produc{ width:100%; margin:0 auto; overflow:hidden; padding-top:15px;}


.produc ul li {width:275px;height:255px; text-align:center;float: left; margin-right:40px;  margin-bottom:30px;}
.produc ul li:nth-child(3n){margin-right: 0px;}
.produc ul li img{display: block;width: 100%;height: 100%;-webkit-transition-delay: 0.15s;transition-delay: 0.15s; object-fit: contain;}
.produc ul li b{display: block;width: 100%;height: 210px;position: relative;overflow: hidden;background: #524e4e;    border: 1px solid #eee;
    box-sizing: border-box;background:#fff;}
.produc ul li b i{display: block;position: absolute;top: 30%;margin-top: -10px;left: 50%;margin-left: -27px;opacity: 0;}
.produc ul li b:before{top: 30px;right: 20px;bottom: 30px;left: 20px;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index: 2;}
.produc ul li b:after,.product_list li b:before{pointer-events: none;position: absolute;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; }
.produc ul li b:after{top: 20px;right: 30px;bottom: 20px;left: 30px;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.produc ul li b i span{line-height: 50px;font-size: 16px;display: block;width:273px; margin-left:-110px; text-align:center; font-style:normal; font-weight:400;}
.produc ul li span small{display: block;  background:url("../images/sea.png")  no-repeat center top 10px; width:85px; height:85px; margin:0 auto;}
.produc ul li b i p{ color:#fff; border:1px solid #fff; width:124px; text-align:center; font-style:normal; font-size:12px; height:30px; font-weight:400; line-height:30px; margin-left:-32px;}
.produc ul li:hover b i{opacity: 1;margin-top: -27px}
.produc ul li:hover img{opacity: 0.4; }
.produc ul li:hover span{color: #ffffff;}
.produc ul li:hover p{color: #ffffff; border-bottom:1px solid #fff;}
.produc ul li:hover b:before,..mr_frUl li:hover b:after{ opacity:0.5; -webkit-transform: scale(1); transform: scale(1);}
.produc ul li h1{ background:#b4b4b4; color:#fff; height:50px; line-height:50px; text-align:center;   font-size:16px; margin-top:5px; }
.produc ul li:hover h1{ background:#d1020c}
.info_img_detail{ text-align:center;}
.info_img_detail img{  padding:3px; border:#CCC solid 1px;}
.food_name{ text-align:center; line-height:60px; font-size: 18px;}
/*²úÆ·Áбí*/
#wrap{margin:auto;width:750px;height:574px}
#wrap ul li,#wrap ul li .a1 img{width:240px;height:226px}
/*#wrap ul li{ height: 282px;}*/
#wrap ul li{position:relative;float:left;overflow:hidden;margin:5px;list-style:none}
#wrap ul li .a1 .divA{position:absolute;bottom:0;left:0;width:240px;height:30px;background:#666;}
#wrap ul li .a1 .divA>.p1{width:240px;height:30px;color:#fff;font-size:18px;line-height:30px; text-align: center;}
#wrap ul li .a1 .divA>.p2{overflow:hidden;width:312px;height:21px;color:#b4b4b4;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
#wrap ul li .a1 .divA>.p3{position:absolute;right:0;bottom:9pt;width:81pt;height:28px;color:#f60}
#wrap ul li .a1 .divA>.p3>span{font-weight:800;font-size:24px}
#wrap ul li .a2{top:0;height:226px;background:rgba(0,0,0,.5);color:#fff;transition:all .2s}
#wrap ul li .a2,#wrap ul li .a2 .p4{position:absolute;left:-240px;width:240px;text-align:center}
#wrap ul li .a2 .p4{top:80px;color:#fff;font-weight:normal;font-size:20px;transition:all .2s .1s ease-out}
#wrap ul li .a2 .p5{position:absolute;top:100px;left:-240px;margin:30px 0 10px;width:240px;color:#fff;text-align:center;font-size:14px;line-height:20px;transition:all .2s .2s ease-out}
#wrap ul li .a2 .p6{position:absolute;top:140px;left:175px;transition:all .3s .2s;transform:scale(1.4)}
#wrap ul li .a2 .p6 span{color:#fff;font-weight:700;font-size:36px;font-family:Arial}
#wrap ul li .a2 .p7{position:absolute;bottom:50px;left:42px;margin:10px auto;width:10pc;height:38px;border:1px solid;border-radius:20px;line-height:38px;transition:all .2s .5s}

.info_img ul li a{ display:block; width:239px;height:282px; }
.info_img ul li a div.img_w{ width: 237px; height: 280px; border: 1px solid transparent; position: relative; overflow: hidden;}
.info_img ul li a div.img_w img{ width: 237px; height: 225px;}
.info_img ul li a:hover div.img_w{ border: 1px solid #d1020c; }
.info_img ul li a span{ line-height: 55px; font-size: 16px; color: #616161;}
.info_img ul li a:hover span{ color: #d1020c;}

.rnewys{ width:100%; height:120px; border-bottom:#d9d9d9 solid 1px; padding-top:10px; font-size: 15px;}

.newsconright{ width:100%; height:120px; float:right;}
.newsconright a{ width:100%; height:120px; display:block; color:#676767;}
.newsconright a:hover{ color:#d1020c; text-decoration:none;}
.newsconright1{ color:#000; font-weight:bold; padding-bottom:10px;}
.newsconright1 span{ float: right;}
.back a{ width:120px; height:41px; display:block; float:right; font-size:16px; font-family:"ËÎÌå"; color:#FFF; padding-left:10px; line-height:41px; font-weight:bold;  clear:both;background:url(../images/back_bg.png) no-repeat; margin-top:20px;}
.back a:hover{ opacity:0.8;}
.news_tit_u{text-align: center;font-size: 16px;color: #d1020c;line-height: 30px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;border-bottom: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ width:100%; margin:9px auto; text-align:center}
.news_main{ line-height:25px; font-size:15px;}
/************²úÆ·*****************/

.info_img_detail{ text-align:center;}
.info_img_detail img{  padding:3px; border:#CCC solid 1px; max-width: 80%;}
.food_name{ text-align:center; line-height:60px; font-size: 18px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;border-radius:5px; background:#1097b4;}
/************ÁôÑÔ*****************/
.concompanycon table{margin-left:2px;}
.concompanycon table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}
.concompanycon table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}
.concompanycon table td ul{list-style:none;position:absolute;}
.concompanycon table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.concompanycon table td ul li a{display:block;text-decoration:none;color:#444444;}
.concompanycon table td ul li a:hover{color:#fe7d0c;}
.concompanycon table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.concompanycon table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.concompanycon table td .yanzheng{width:101px;}
.concompanycon table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.concompanycon table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.concompanycon table td .but{width:74px;height:31px;line-height:27px;background:#149939;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}

.jobs{ font-size:16px;}
.jobs li{ width:100%; float:left;  margin-bottom:50px; line-height:30px;}
.jobs li p{}
.jobs li a{ font-weight:bold; color:#ff0000}
.info_title{ font-size:16px;}
.food_info_main{ margin: 0 auto;text-align: center;}